草庐IT

Leaflet 经纬网

全部标签

javascript - 获取与 Leaflet 类关联的 DOM 元素

有没有办法得到一个Marker对应的DOM元素?或Layer附传单,likeitiswithGoogleMaps? 最佳答案 getContainer()是获取DOM元素的更正式的方法,但仅在Map上可用。,TileLayer,和Controls类。 关于javascript-获取与Leaflet类关联的DOM元素,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/22278282/

javascript - Leaflet 中使用 GEOJSON 的可变折线权重

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭3年前。Improvethisquestion这是整个HTML文档:Top5ImportersofTungsten@font-face{font-family:Planewalker;src:url('https://dl.dropboxusercontent.com/s/3hn6zi8ez2vf4

javascript - 标准浏览器上 Leaflet 库中的最大标记数量是多少?

我在标准条件下使用Leaflet,比方说在普通PC上使用Firefox。最多同时显示多少个标记?我不需要确切的数字,只是想知道功能,接近1000点,接近10.000还是可以毫无问题地显示100k? 最佳答案 我猜边界大约是1000,因为浏览器越来越难以处理大量的小对象实例。例如,如果您从KML加载大量点对象,那么在每个JS网络map框架中都会变得相当慢。处理该问题的更好方法是使用服务器端组件来过滤对象。例如,流式传输用于低缩放级别的简化图层,并通过bbox过滤器策略流式传输当前mapView中的必要对象。

javascript - Leaflet 中多个事件的单个事件处理程序

是否可以通过这种方式为多个事件创建触发器?map.on('click,dragstart,zoomstart',eventHandler);如果不是,下一个为多个事件触发相同事件处理程序的最佳方法是什么?map.on('click',eventHandler);map.on('dragstart',eventHandler);map.on('zoomstart',eventHandler); 最佳答案 这是可能的,只需删除逗号:map.on('clickdragstartzoomstart',eventHandler);functi

javascript - 找不到 React-Leaflet 标记文件

我有非常简单的代码来使用react-leaflet显示map并在其上放置标记。但是,我在浏览器控制台中收到以下两个错误GEThttp://localhost:8080/marker-icon-2x.png404(NotFound)GEThttp://localhost:8080/marker-shadow.png404(NotFound)我试图通过下载那两个图像并将它们放在根目录来解决这个问题。有用。但是,我如何更改react-leaflet标记元素查找标记图像的URL?我想将它们存储在“./images”中而不是根目录中。 最佳答案

小程序map拖动地图显示地图中心标记点及经纬度方法

最近做毕设,需要获取地点坐标,有了地图地图,想想怎么来简单点。就上网搜了搜(官方有提供地图选点返回经纬度的,但是感觉手指操作不太精准,就想着换一种)然后自己写了个demo(代码再后面)大体思路是在map中心放个很小的圈圈定位用(map中flex垂直水平居中不太行,用了position:absolute的老方法)然后使用MapContext.getCenterLocation获取当前地图中心的经纬度再使用MapContext.addMarkers添加marker(callout中显示坐标)这样一拖动地图就能显示地图中心标记点及经纬度顽皮一下(addMarkers里忘写clear:true的后果哈

javascript - 如何在 Leaflet.js 中使用 Angular JS

我正在使用Node.JS/Leaflet.js开发仪表板。几周前我开始学习Angularjs。但我在我的项目中处于中间阶段。我正在使用以下方法构建交互式map仪表板:Node.JS/Express.js在后端处理数据Leaflet.js做map可视化其他库,例如d3.js。现在,我正在尝试将小部件添加到我的仪表板,我在其中单击点并使用Node.js从数据库中获取与每个点相关的信息。我想简化我的问题并考虑这个例子。http://jsfiddle.net/8QHFe/128/当我将鼠标悬停在形状上时,我会得到一个与map上每个多边形/点相关的图表。我很困惑!我的问题是:我是否应该重新创建应

javascript - 如何在不使用 Leaflet.draw UI 的情况下单击按钮并开始新的多边形

我正在纠结的是如何在不使用Leaflet.drawUI的情况下单击按钮并开始一个新的多边形。例如$('#draw_poly').click(function(){});我可以毫无问题地将现有多边形置于编辑模式。$('.edit_polygon').click(function(){varname=$(this).text();geojson_layer.eachLayer(function(layer){if(name==layer.feature.properties.name){layer.editing.enable();}});returnfalse;});感谢JacobToy

javascript - 如何计算像geojson.io这样的Leaflet中多段线的距离?

我正在使用Mapbox和Leaflet制作map,我应该让用户绘制多边形并计算并显示该多边形的面积,我还需要让用户绘制折线并显示折线的距离.我已经弄清楚了多边形区域特征,但我不知道如何计算多段线的距离。我的代码如下:loadScript('https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-draw/v0.2.2/leaflet.draw.js',function(){loadScript('https://api.tiles.mapbox.com/mapbox.js/plugins/leaflet-geodesy/v0.1.0

javascript - Leaflet.label 未显示在标记上

我有一组geoJSON点,它们附有相应的标签。varpoints=L.geoJson(null,{onEachFeature:function(feature,layer){layer.options.riseOnHover=true;//triedaddingthislayer.options.riseOffset=9999;//aswellasthislayer.bindLabel(feature.properties["name"],{className:'map-label'});L.setOptions(layer,{riseOnHover:true});//thisaswe